<?php include 'header_view.php'; ?>
<meta charset="utf-8"/>
<link href="/public/css/style.css" type="text/css">
<?php
/*
 * To change this template, choose Tools | Templates
 * and open the template in the editor.
 */
?>
<form class="contact_form" action="<?php echo base_url(); ?>index.php/welcome/change_pass" method="post" name="contact_form">
    <ul>
        <li>
            <h2 style="font-size: 35px;text-transform: uppercase;color: darkred;">THAY ĐỔI MẬT KHẨU</h2>
        </li>
        <?php echo validation_errors(); ?>
        <li>
            <label for="name">Nhập mật khẩu:</label><span class="required_notification">* Trường bắt buộc</span><br>
            <input style ="border: 1px #47639E solid;
                   border-radius: 2px;
                   width: 100%;
                   margin-right: 20px;
                   height: 25px;"type="password" id ="pass" name='pass' value="" placeholder="password" required />
            
        </li><br>
        <li><br>
            <label for="website">Nhập mật khẩu mới:</label>
            <input type="password" name="password" id="password" placeholder="Nhập mật khẩu mới" pattern="\w{6,}" onchange="
                    this.setCustomValidity(this.validity.patternMismatch ? 'Mật khẩu dài hơn, 6 ký tự' : '');" required/>
            <span class="required_notification">Mật khẩu dài hơn 6 ký tự</span>        </li><br
            <li><br>
            <label for="website">Nhập lại mật khẩu mới:</label>
            <input type="password" name="cpassword" placeholder="Nhập lại mật khẩu mới" onfocus="validatePass(document.getElementById('password'), this);" oninput="validatePass(document.getElementById('password'), this);" required/>
            <span class="required_notification">Mật khẩu dài hơn 6 ký tự</span>        </li>		<br>

    </ul>
    <ul>
        <li id ="buttonlogin">
            <button class="submit" type="submit">Cập nhật</button>
        </li>
    </ul>
</form>
<?php include 'footer_view.php'; ?>